<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/personal.css">
    <title>用户中心</title>
</head>
<body>
    <!-- 头部 -->
    <div class="header-box">
        <div class="header">
            <div class="header-left">
                <p class="p1" style="float: left; display: block; color: #ed145b;">
                    <a href="register.html" style="color: #ed145b; text-decoration: none;"><span>请登录</span></a> &emsp;
                      <a href="login.html"  style="color: #ed145b;text-decoration: none;"><span>快速注册</span></a>
                 </p>
                <p class="p2" style="float: left; display: none; color: #ed145b;">
                    <span>xxx,</span><i style="font-style: normal;">登录本网站， &emsp;</i><em class="exit" style="font-style: normal;">退出</em>
            </p>
            </div>
            <div class="header-right">
                <span>订单查询</span>
                <span>
                    <s></s>
                    收藏的品牌</span>
                <span>我的聚美v</span>
                <span>
                    <i></i><strong>手机聚美</strong></span>
                <span>更多v</span>
            </div>
        </div>
    </div>
    <!-- logo部分 -->
    <div class="search-bigbox">
        <div class="search-box">
           <a href="index.html"> <div class="logo"></div></a>
            <div class="balance">
                <div class="balance-img">
                    <img src="http://p0.jmstatic.com/assets/cart.gif" alt="">
                </div>
                <div class="balance-word">去购物车结算</div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav-box">
            <div class="nav">
                <div class="nav-left">
                    <ul class="nav-list">
                        <a href="">
                            <li>首页</li>
                        </a>
                        <a href="">
                            <li>极速免税店</li>
                        </a><a href="">
                            <li>美妆商城v</li>
                        </a><a href="">
                            <li>国际轻奢</li>
                        </a><a href="">
                            <li>服装运动</li>
                        </a>
                        <a href="">
                            <li>鞋包服饰</li>
                        </a>
                    </ul>
                </div>
                <div class="nav-right">
                    <img src="http://a3.jmstatic.com/0d4bbfe600f8d38b/z_01new.jpg" alt="">
                    <img src="http://a1.jmstatic.com/79ab7f2d9d35ac68/z03.jpg" alt="">
                </div>
            </div>
        </div>
        <!-- 订单部分 -->
        <div class="order-box">
            <div class="order-left">
                <div class="order-box-left-top">
                    <img src="	http://p0.jmstatic.com/jmstore/user/icon/chook_64_64.png" alt="">
                    <p>用户名</p>
                    <p>普通用户</p>
                    <div class="userid">
                        <p>用户ID: 1136271224</p>
                    </div>
                </div>
                <div class="order-box-left-bottom">
                    <!-- 我的聚美 -->
                    <div class="my">
                        <div class="my-img">
                            <img src="http://s0.jmstatic.com/templates/jumei/images/account/nav_title_bg.png" alt="">
                            <span>我的聚美</span>
                        </div>
                        <ul class="my-list">
                            <a href="">
                                <span></span>
                                <li>我的订单</li>
                            </a>
                            <a href="">
                                <span></span>
                                <li>我的心愿单</li>
                            </a>
                            <a href="">
                                <span></span>
                                <li>我的收藏</li>
                            </a>
                            <a href="">
                                <span></span>
                                <li>我的会员等级</li>
                            </a>
                            <a href="">
                                <span></span>
                                <li>我的现金券</li>
                            </a>
                            <a href="">
                                <span></span>
                                <li>我的红包</li>
                            </a>
                            <a href="">
                                <span></span>
                                <li>我的金币</li>
                            </a>
                            <a href="">
                                <span></span>
                                <li>我的尺码</li>
                                <img src="http://s0.jmstatic.com/templates/jumei/images/account/nav_new_icon.gif"
                                    alt="">
                            </a>
                            <a href="">
                                <span></span>
                                <li>订阅邮件短信</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 管理个人账户 -->
            <div class="admin">
                <div class="admin-img">
                    <img src="http://s0.jmstatic.com/templates/jumei/images/account/nav_title_bg.png" alt="">
                    <span>管理个人账户</span>
                </div>
                <ul class="admin-list">
                    <a href="">
                        <span></span>
                        <li>我的余额</li>
                    </a>
                    <a href="">
                        <span></span>
                        <li>我的提现退款</li>
                    </a>
                    <a href="">
                        <span></span>
                        <li>礼品卡兑换</li>
                    </a>
                    <a href="">
                        <span></span>
                        <li>设置账户信息</li>
                    </a>
                    <a href="">
                        <span></span>
                        <li>修改密码</li>
                    </a>
                    <a href="">
                        <span></span>
                        <li>绑定手机</li>
                    </a>
                    <a href="">
                        <span></span>
                        <li>管理实名认证</li>
                    </a>
                    <a href="">
                        <span></span>
                        <li>管理收货地址</li>
                    </a>
                    <a href="">
                        <span></span>
                        <li>绑定站外分享</li>
                    </a>
                </ul>
            </div>
            <!-- 售后服务 -->
            <div class="service">
                <div class="service-img">
                    <img src="http://s0.jmstatic.com/templates/jumei/images/account/nav_title_bg.png" alt="">
                    <span>售后服务</span>
                </div>
                <ul class="service-list">
                    <a href="">
                        <span></span>
                        <li>我的售后服务</li>
                    </a>
                    <a href="">
                        <span></span>
                        <li>我的退货</li>
                    </a>
                </ul>
            </div>
            <!-- 聚美惊喜 -->
            <div class="surprise">
                <div class="surprise-img">
                    <img src="http://s0.jmstatic.com/templates/jumei/images/account/nav_title_bg.png" alt="">
                    <span>聚美惊喜</span>
                </div>
                <ul class="surprise-list">
                    <a href="">
                        <span></span>
                        <li>我的喜从盒来</li>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <div class="order-right-box">
        <div class="order-right">
            <div class="order-right-top">
                <h3>我的订单</h3>
                <a href="">手机客户端，随时随地查看物流详情我的订单</a>
            </div>
            <div class="tab">
                <div class="tab_list">
                  <ul>
                    <li class="current">全部订单</li>
                    <li>等待付款</li>
                    <li>已付款</li>
                    <li>交易完成</li>
                    <li>预售订单</li>
                  </ul>
                </div>
                <div class="tab_con">
                    <img src="http://s0.jmstatic.com/templates/jumei/images/account/null_icon.png" alt="">
                  <div class="item" style="display: block;">您目前没有订单</div>
                  <div class="item">您目前没有等待付款</div>
                  <div class="item">您目前没有已付款</div>
                  <div class="item">您目前交易未完成</div>
                  <div class="item">您目前没有预售订单</div>
                </div>
              </div>
        </div>
    </div>
    </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer1">
            <dl>
                <dt></dt>
                <dd>值得信赖美妆电商</dd>
                <p>四千万用户信赖</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>成功在美上市</dd>
                <p> 股票代码NYSE:JMEI</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>品牌防伪码</dd>
                <p>支持品牌官网验真</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>百万用户口碑</dd>
                <p>帮您只选对的，不选贵的</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>订单闪电发货</dd>
                <p>1.5小时订单极速出货</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>大牌明星热荐</dd>
                <p>打造精致明星脸</p>
            </dl>
        </div>
        <div class="footer2">
            <div class="server">
                <h5>服务保障</h5>
                <p>品牌真品防伪码</p>
                <p>总裁邮箱ceo@jumei.com</p>
                <p>专属客服服务</p>
            </div>
            <div class="server">
                <h5>使用帮助</h5>
                <p>新手指南</p>
                <p>常见问题</p>
                <p>帮助中心</p>
                <p>用户协议</p>
                <p>公示制度</p>
                <p>聚美隐私权政策</p>
                <p>个人信息管理规则</p>
                <p>意见反馈及投诉举报规则</p>
                <p>知识产权维权处理规则</p>
                <p>评价管理规则</p>
            </div>
            <div class="server">
                <h5>支付方式</h5>
                <p>货到付款</p>
                <p>在线支付</p>
                <p>余额支付</p>
                <p>现金券支付</p>
            </div>
            <div class="server">
                <h5>配送方式</h5>
                <p>包邮政策</p>
                <p>配送说明</p>
                <p>运费说明</p>
                <p>验货签收</p>
            </div>
            <div class="server">
                <h5>售后服务</h5>
                <p>正品承诺</p>
                <p>售后资讯</p>
                <p>退货政策</p>
                <p>退货办理</p>
            </div>
            <div class="server">
                <h5>手机聚美</h5>
                <i></i>
                <p>下载移动客户端</p>
            </div>
            <div class="server">
                <h5>聚美微信</h5>
                <strong></strong>
                <p>下载移动客户端</p>
            </div>
        </div>
        <div class="footer-img">
            <img src="http://a1.jmstatic.com/07c1f8519c836ade/footer_dy.jpg" alt="">
        </div>
    </div>
    <!-- 关于我们 -->
    <div class="about-box">
        <ul class="about-list">
            <a href="">
                <li>关于聚美优品</li>
            </a>
            <a href="">
                <li> INVESTOR RELATIONS</li>
            </a>
            <a href="">
                <li>合作招商</li>
            </a>
            <a href="">
                <li>获取更新</li>
            </a>
            <a href="">
                <li>加入聚美</li>
            </a>
            <a href="">
                <li>品牌合作专区</li>
            </a>
            <a href="">
                <li>媒体报道</li>
            </a>
            <a href="">
                <li>商务合作</li>
            </a>
        </ul>
    </div>
    <div class="footer-copy-box">
        <div class="footer-copy">
            <p>COPYRIGHT © 2010-2019 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。 客服热线：400-011-0888</p>
            <p> 京公网安备 11010102001226 | 京ICP证111033号 | 食品经营许可证 | 营业执照 | ICP许可证 | 出版物经营许可证 | 第二类医疗器械经营备案凭证 |
                网络食品交易第三方平台提供者备案信息表 | 增值电信业务经营许可证</p>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</body>
<script src="js/jquery.js"></script>
<script src="js/personal.js"></script>
</html>